<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function onclickFun() {
            alert("静态注册onclick事件")
        }

        //动态注册onclick事件
        window.onclick = function () {
            //1.获取标签对象
            /*
            document是JavaScript语言提供的一个对象（文档）
            getElementById：根据id属性获取标签对象
             */
            var element = document.getElementById("but01");
            //alert(element)
            //2.通过标签对象.事件名 = function(){}
            element.onclick = function () {
                alert("动态注册onclick事件")
            }
        }
    </script>
</head>
<body>
    <!-- 静态注册onclick事件 -->
    <button onclick="onclickFun()">按钮一</button>
    <button id="but01">按钮二</button>
</body>
</html>